<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" class="item" />
    <script>
        // input mousemove  resize  scroll
        var itemEle = document.querySelector(".item")
        // var startTime = new Date().getTime()
        // document.onmousemove = function () {
        //     var endTime = new Date().getTime()
        //     if (endTime - startTime > 2000) {
        //         console.log("需要执行的逻辑");
        //         // endTime=startTime;
        //         startTime = endTime;
        //     }
        // }

        document.onmousemove = throttle(function(){
            console.log("需要执行的代码");
        },2000)
        //  setTimeout(function(){


        //  },2000)


        function throttle(fn,delay) {
            var startTime = new Date().getTime();
            return function () {
                var endTime = new Date().getTime()
                if (endTime - startTime > delay) {
                    // console.log("需要执行的逻辑");
                    fn.call(this);
                    // endTime=startTime;
                    startTime = endTime;
                }
            }

        }
    </script>
</body>

</html>